<template>
  <span>
    子组件
    <button @click="btnClick">子组件的按钮</button>
  </span>
</template>

<script>
export default {
  components: {},
  data() {
    return {}
  },
  methods: {
    hello() {
      console.log('hellowSon')
    },
    btnClick() {
      // 1.父组件
      this.$parent.hello()
      // 2.渲染的根组件
      this.$root.hello()
      // 3.本组件的选人根元素
      console.log(this.$el)
    },
  },
}
</script>

<style scoped></style>
